<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SCC - Sistema Cadeia De Custódia</title>

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/geral.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/contraste.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery.fontResizer.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/contraste.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/effects.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/menu.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>

<script type="text/javascript">
jQuery(document).ready(function($){
	$('.disabled').attr('readonly','readonly');
    $('#content p, .container_16, .container_16_fildset, .resizeMe, .formulario_button,.texto_normal,.tabelaSimples th,.tabelaSimples td,.paginacao span,.grid_layout,.formulario .rotulo').fontResizer(

  {

      minFont:12,

      maxFont:16,

      increment:1

        }

    );

});
</script>
<noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>



</head>

<body lang="pt-br">



<!-- barra do brasil -->
<div class="barra">
	  <div class="barra_brasil_alinhamento"></div>
</div>
<!-- fim da barra do brasil -->

<!-- topo -->

<div class="bgTopoGeral">
<div class="topoGeralInterna">
    <div class="topo_geral_alinhamento">
    <div class="topo_left">
      <div class="logo_sfb"><a href="#" title="Logo SFB">SFB</a></div>
      <div class="titulo_sistema">
        <h1>SCC</h1>
        <h3>Sistema Cadeia De Custódia</h3>
      </div>
    </div>
    <!-- início topo logomarca -->
    <div class="topo_right">
     
   <!-- inicio acessibilidade -->   
      <div class="box_botoes_acessibilidade">
		  <ul>
			  <li><a class="decreaseClickItem" href="#" title="Diminuir Fonte"><img src="images/bt_acess_diminuir.png" width="18" height="13" alt="Diminuir fonte"/></a></li>
			  <li><a class="setFontSize" href="#" title="Tamanho Normal" name="12"><img src="images/bt_acess_normal.png" width="18" height="13" alt=" Tamanho normal"/></a></li>
			  <li><a class="increaseClickItem" href="#" title="Aumentar Fonte"><img src="images/bt_acess_aumentar.png" width="18" height="13" alt="Aumentar fonte" /></a></li>
			  <li><a title="Contraste" href="#" id="lbkContraste" onclick="atribuirContraste()" onkeypress="atribuirContraste()"><img src="images/bt_acess_contraste.png" width="13" height="13" alt="Contraste"/></a></li>
		  </ul>
      </div>
   <!-- fim dos botoes acessibilidade -->   
      
      
      <!--<div id="box_info_usuario">
        <div id="box_info_usuario_tempo">Tempo restante: 50 min 30seg.</div>
        <div id="box_info_usuario_pc"><img src="images/icon_monitor.png" width="15" height="15" alt="Status da conexão"/></div>
        <div id="box_info_usuario_status"><img src="images/status_conexao_verde.png" width="9" height="10" alt="Status da conexão"/></div>
        <div id="box_info_usuario_sair"><img src="images/btn_sair.png" width="21" height="21" alt="Botão Sair"/></div>
      </div>-->
      
      
    </div>
    <!-- fim topo logomarca -->
  </div>
</div>
</div>
<!-- fim topo -->


<!-- início menu principal -->
<div class="BoxMenuPrincipal">
        <div class="BoxMenuPrincipal_alinhamento">
        <ul class="sf-menu">
                        <li class="current">
                            <a class="sf-with-ul" href="#a">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul class="bordasB">
                                <li>
                                    <a href="#aa">menu item that is quite long</a>
                                </li>
                                <li class="current">
                                    <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li class="current"><a href="#">menu item that is even longer still!</a></li>
                                        <li><a href="#aba">menu item</a></li>
                                        <li><a href="#abb">menu item</a></li>
                                        <li><a href="#abc">menu item</a></li>
                                        <li><a href="#abd">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                        <li><a href="#">short</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                                    <ul>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                        <li><a href="#">menu item</a></li>
                                    </ul>

                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                        </li>
                    </ul>
                    
                    <div class="boxInfoUser">
                    	<a href="#">Logout</a>
                    	<span>Nome do usuário logado</span>
                        
                    </div>
					<script type="text/javascript">
                        $(document).ready(function(){
                            $("ul.sf-menu").supersubs({
                                minWidth:    12,   // minimum width of sub-menus in em units
                                maxWidth:    27,   // maximum width of sub-menus in em units
                                extraWidth:  1     // extra width can ensure lines don't sometimes turn over
                                // due to slight rounding differences and font-family
                            }).superfish();  // call supersubs first, then superfish, so that subs are
                            // not display:none when measuring. Call before initialising
                            // containing tabs for same reason.
                        });
 
                    </script>
                    <noscript>Para completa funcionalidade deste site é necessário habilitar o JavaScript.
 Aqui estão as <a href="http://www.enable-javascript.com/pt/" target="_blank">
 instruções de como habilitar o JavaScript no seu navegador</a>.</noscript>
        </div>
        </div>
 <!-- fim do novo menu acessivel --> 

<div class="geral">
				<!-- BOX MIGALHA -->
                 <div class="sombraMigalha">
                 <div class="boxMigalha">
                 	<div class="boxMigalhaCenter">
                        <!-- informaações do usuário -->
                        <div class="BoxHorarioData">
                         05 de abril de 2013 - Horário de Brasília: 10:15:30
   						</div>
                        <!-- fim informa??es do usu?rio -->
                        <!-- migalha de p?o -->
                        <div class="BoxConteudoPrincipal_migalha">
		                   <ul>	
								 <li><a href="#">Página inicial</a>/</li>
								 <li><a href="#">Lorem Ipsum</a>/</li>
								 <li><a href="#">Lorem Ipsum</a>/</li>
								 <li><span>Lorem Ipsum</span></li>
		                   </ul>
                        </div>
                     </div>
                 </div>
                 </div>
                 <!-- FIM MIGALHA -->
                 
                 
                 <!-- início conteudo -->
                        <div class="BoxConteudoPrincipal">
                 		
 						
                        <!-- titulo pagina -->
                        <h2 class="tituloPrincipal">Cadastro de Veículo</h2>
                        <!-- fim titulo -->

                        <div class="container_16 float_l">
                        
                        <!-- inicio formulario -->
                        <form method="get" class="formulario" action="#">
                        <div class="sombraBox">
						
                        <div class="container_16 msgsAlertas delta10">
                        <ul tabindex="1">
                            <li class="msgERRO">Existem campos de preenchimento obrigatório!</li>
                        </ul>
                        </div>
                        <fieldset>
							    <legend>DADOS DO VEÍCULO</legend>   
								
								<div class="clear"></div> 
                          
							    <div class="grid_6">
								     <span class="rotulo"><span class="obrigatorio">*</span>Tipo:</span>
								     <select class="grid_layout">
										 <option>Selecione</option>
										 <option>2013</option>
										 <option>2012</option>
										 <option>2011</option>
										 <option>2010</option>
								     </select>   
							    </div> 
                          
							    <div class="grid_4">
								     <label class="rotulo" for="n_embarcacao"><span class="obrigatorio">*</span>Nº embarcação:</label>
								     <input type="text" class="grid_layout" value="" id="n_embarcacao"/>
							    </div>
								
								<div class="clear"></div> 
                                
                    
                        <!-- fim formulario -->
                        </fieldset>
                        </div>
                        
                        <div class="clear"></div>
						
						<!-- DADOS DE RASTREAMENTO -->
						<div class="sombraBox">	
							<div class="container_16 msgsAlertas">
								<fieldset>
								
										 <legend>DADOS DE RASTREAMENTO</legend> 
										 
										 <div class="clear"></div>
										 
										 <div class="grid_10">
											 <label class="rotulo" for="endereco_acesso_link"><span class="obrigatorio">*</span>Endereço de Acesso/link</label>
											 <input type="text" class="grid_layout" value="" id="endereco_acesso_link" />
										 </div>
										 
										 <div class="grid_3">
											 <label class="rotulo" for="numero_embacacao"><span class="obrigatorio">*</span>Login de acesso</label>
											 <input type="text" class="grid_layout" value="" id="numero_embacacao" />
										 </div>
										 
										 <div class="grid_3">
											 <label class="rotulo" for="senha_acesso"><span class="obrigatorio">*</span>Senha de acesso</label>
											 <input type="text" class="grid_layout" value="" id="senha_acesso" />
										 </div>
										 
										 <div class="clear"></div>
									
								</fieldset>
							</div>
						</div>
                        <!-- FIM DADOS DE RASTREAMENTO -->
						 
                        <div class="float_r beta10">
                                <input type="button" class="formulario_button" value="Voltar" name="Voltar" />
                                <input type="button" class="formulario_button" value="Salvar" name="Salvar" />
                        </div>
                       
                        </form>
                        <!-- fim formulario -->
                        </div>

                     
  </div>
  <!-- fim conteúdo -->

</div>

<!-- rodapé -->
<div class="boxFooter">                         
         <div class="BoxRodapeFuncionalidades">
          <div class="boxFooterSombra">
          <div id="BoxRodape950">
            <!-- endereço -->
            <div id="BoxRodape_endereco">
              <!--<p>SNA - Sistema Nacional de Auditoria
                              <br />
                              DENASUS - Departamento Nacional de Auditoria do SUS<br />
        SAF/Sul – Trecho 02 – Lote 05/06 – Bloco F, Ed. Premium – Torre I, 2° andar<br />
        Brasília (DF), CEP 70070-600 - Tel: (61) 3306-7337</p>-->
              <p>Serviço Florestal Brasileiro<br />
SCEN, Trecho 2, Bl. H cep: 70818-900 - Brasília - DF<br />
Telefone: (61) 2028-7258 / 7274 Fax: (61) 20287269</p>
            </div>
            <!-- fim do endereco -->
            <!-- logomarca datasus -->
            <div id="BoxRodapeDireitos">Todos os direitos reservados - © 2013</div>
            <!-- fim logomarca datasus -->
          </div>
        </div>  
        </div>
</div>
<!-- fim rodapé -->


</body>
</html>